<div class="boxs" style="height: 100vh;background-color: #2b2b2b;">

  <div class="ddisp ba_white jz" style="width: 90%;">
    <!--    左侧div-->
    <!--    (mouseover)="addLook(666)"-->
    <!--    (mouseout)="addSeout()"-->
    <div
      *ngIf="imgTop.length!=0"

      class="topdq xd xsgb boxs pad_10"
      [style.width]="topWidth"
      style="position: relative;height: 400px">
      <div *ngFor="let item of imgTop">
        <div><span class="fz_26">{{item.title}}</span></div>
        <div class="pad_1-5" style="color: #d13f65">低至{{item.age}}元</div>
        <div>
          <span class="wz_white"
                class="{{listIndex==666?'yr_color':'yc_color'}}"
                (click)="dele()"
                style="padding:2px 10px 2px 2px;
                   border-radius: 0 10px 10px 0;font-size: 12px">进入查看 >
          </span>
        </div><img
        class="{{listIndex==666?'img_yd':'img_gps'}}"
        src="{{item.imgUrl}}" alt="">
      </div>
      <!--      [ngClass]="{'listIndex==0':'img_yd','listIndex!==0':'img_gps'}"-->

    </div>
    <!--    右侧div-->
    <div class="" [style.width]="'calc(100% - ' + topWidth + ')'">
      <div class="wh_f" style="flex-wrap: wrap;">
        <div class="flex_box xd  grid-item" *ngFor="let item of newImg;let index = index">
          <!--          右侧每个单元-->
          <div class="he_max xsgb boxs pad_10"
               (mouseover)="addLook(index)"
               (mouseout)="addSeout()">
            <div><span class="xt fz_20">{{item.title}}</span></div>
            <div class="pad_1-5" style="color: #d13f65">￥{{item.age}}元抢</div>

            <div style="z-index: 3">
              <div>
            <span class="{{listIndex==index?'yr_color':'yc_color'}}"
                  class="wz_white"
                  (click)="deleNew(index)"
                  style="padding:2px 10px 2px 2px;
                     border-radius: 0 10px 10px 0;font-size: 12px">进入查看 >
            </span>
              </div>
            </div>
            <img
              class="{{listIndex==index?'img_yd':'img_gps'}}"
              src="{{item.imgUrl}}" alt="">
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="wz_white wz_jz pad_15">
    <span>没有对移动端做适配</span>
  </div>
  <div class="wz_white wz_jz ddisp" style="margin-top: 50px;height: 50px">
    <div class="ba_gr" style="border-radius: 10px;padding: 10px 15px">
      <a routerLink="/FKM">FKM页面</a>
    </div>
    <div class="ba_blue" style="border-radius: 10px;padding: 10px 15px;margin-left: 20px">
      <a routerLink="/Time">六年时间页面</a>
    </div>
  </div>

</div>
<style>

</style>
